<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<h:head></h:head> 
<body> 
<p:layout style="width:1280px;height:720px" >
                <p:layoutUnit id="top" position="north" size="300">
                	
                <p:media value="http://www.youtube.com/v/eg8GzPGSzeM" width="420" height="315" player="flash"/>
                	
                </p:layoutUnit>
				
                <p:layoutUnit id="right" position="east" size="300">
                		<p:scrollPanel>  
					    <p:dataGrid var="u" value="" columns="1" > 
		
					        <p:panel header="Nome" style="text-align:center">							 
					            <h:panelGrid columns="2">
					           <p:graphicImage value="igor.jpg" height="40px" width="40px"/>
					                <p:rating value="#{ratingController.rating4}" readonly="true" />    
					            </h:panelGrid>
					 					            
					        </p:panel>  
					    </p:dataGrid>  
					</p:scrollPanel> 
  
                </p:layoutUnit>

                <p:layoutUnit id="center" position="center">
					    <p:scrollPanel>  
					    <p:dataGrid var="usuario" value="" columns="1" > 
		
					        <p:panel header="Nome" style="text-align:center">							 
					            <h:panelGrid columns="2">
					            	<p:graphicImage value="igor.jpg" height="40px" width="40px"/>
					                <h:outputText value="#comentario" />
					                <h:outputText value="Avalie:"/>
					                <p:rating value="#{ratingController.rating1}" />    
					            </h:panelGrid>
					 					            
					        </p:panel>  
					    </p:dataGrid>  
					</p:scrollPanel> 
					<h:form>
					<p:panel header="" style="text-align:center">							 
					            <h:panelGrid columns="3">
					            	<p:graphicImage value="igor.jpg" height="40px" width="40px"/> 
		    						<p:inputTextarea rows="2" cols="90"/>
		    						<p:commandButton value="Postar"/>
					            </h:panelGrid>
					 					            
					 </p:panel>
					 </h:form>

                </p:layoutUnit>

            </p:layout>

</body> 
</html>
